//以下所有方法都是基于jquery的，所以使用之前必须引入jquery。
/**
 * 为多个元素绑定同一事件，事件具体内容由具体情况决定
 * @param selectors 元素选择器集合 如数组['id','class',....]
 * @param fn 处理函数
 */
function ElementBindOnclickEvent(selectors, fn){
	$.each(selectors,function(i,selector){
		$(selector).on('click',function(){
			//execute函数 根据情况决定
			setTimeout(fn);
		});
	});
}

/**
 * 单个元素绑定事件和函数
 * @param selector 选择器
 * @param fn 回调函数
 */
function ElementBindOnclickEvent(selector,fn){
	$(selector).on('click',function(){
		setTimeout(fn);
	});
}


/**
 * 为多个元素绑定 鼠标悬浮在元素上指针变形事件
 * @param selectors 元素选择器集合 如数组['id','class',....]
 */
function handStyle(selectors){
	$.each(selectors,function(i,selector){
		$(selector).on('mouseover',function(){
			$(this).css({cursor:"pointer"});
		}).on('mouseout',function(){
			$(this).css({cursor:"default"});
		});
	});
}

/**
 * 点击按钮等元素时, 打开模式窗口。
 * @param selector 元素选择器
 * @param conditions 宽高不加px，son格式 如 定义conditions = {width: 700, height: 500 }
 * @param url 打开窗口的url 
 */
function openSubwindowByConditions(selector,conditions,url){
	$(selector).on('click',function(){
		var iWidth = conditions.width; // 弹出窗口的宽度;
		var iHeight = conditions.height; // 弹出窗口的高度;
		var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
		var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
		var features = 'dialogheight: ' + iHeight + 'px;dialogwidth: ' + iWidth
			+ 'px;dialogtop:' + iTop + 'px;dialogleft:' + iLeft + 'px';
		window.showModalDialog(url, null, features);
	});
}

/**
 * 遍历集合
 * @param set 集合对象
 */
function eachSet(set){
	$.each(set, function(index,object){
		//do something
	});
}